$namespace: 'zm' !default; //命名空间
$block-sel: '-' !default; // 块
$elem-sel: '__' !default; // 元素
$mod-sel: '--' !default; // 修饰符

@mixin bfc {
  height: 100%;
  overflow: hidden;
}
// class=zm-input
@mixin b($block) {
  $B: #{$namespace + $block-sel + $block};
  .#{$B} {
    @content;
  }
}

// class=zm-input__wrapper
@mixin e($el) {
  $selector: &;
  @at-root {
    // @at-root 表示跳出嵌套 不写是 .zm-input .zm-input__wrapper  写上之后是直接.zm-input__wrapper
    #{$selector + $elem-sel + $el} {
      @content;
    }
  }
}

// class=zm-input--default
@mixin m($m) {
  $selector: &;
  @at-root {
    #{$selector + $mod-sel + $m} {
      @content;
    }
  }
}
// 在vite配置文件中全局配置下
